// webpack 打包前端资源
// path 是nodejs中的基本包，用来处理路径
const path = require('path') //绝对路径

module.exports = {
    entry: path.join(__dirname, 'src/index.js'),// 定义入口文件目录
     // path.join 将两个参数进行拼接 来形成绝对路径
    // __dirname 代表文件所在目录地址
    output: { // 将 src/index.js文件 以及文件所需依赖进行打包
        filename: 'bundle.js',// 要输出的文件名 （打包后的文件，可以直接在浏览器中运行的JS代码）
        path: path.join(__dirname, 'dist')// 输出文件的路径
    },
    module: {// webpack 支持 ES5 js .html 文件
        // 解决不支持的语法解读问题
        rules: [ // 添加语法规则
            {
                test: /.vue$/,
                loader: 'vue-loader' // 使用vue-loader 来处理以 .vue 结尾的文件
            }
        ]
    }
}